title = "notification"
url = '/account/notification.html'
description = '消息设置'
layout = 'default'

==

<div id="contents">
	<div class="notification">
		<h2>メールマガ登録</h2>
		<p>メールマガでお得な情報＆限定クーポンを送信しております。</p>
		<ul class="inputBox ov">
			<li class="fl" style="width: 45%;margin-right: 5%;">
				<label>
					<input type="checkbox" class="checkbox notificationEmail" name="checkbox" style="position:relative;top:3px;width:15px;height:15px;margin:0 .5em 0 0;">电子邮件
				</label>
				<input class="loginInput fl disable"  type="email" id="email" placeholder="メールアドレスを入力してください">
			</li>
			<li class="fl" style="width: 45%;">
				<label>
					<input type="checkbox" class="checkbox notificatioTel" name="checkbox" style="position:relative;top:3px;width:15px;height:15px;margin:0 .5em 0 0;">手机号码
				</label>
				<input class="loginInput fl disable"  type="tel" id="tel" placeholder="電話番号を入力してください">
			</li>
		</ul>
		<div class="">
			<button type="submit" class=" blackBtn1" >确认</button>
		</div>
	</div>
</div>
{% put scripts %}
<script type="text/javascript">
	$(function(){
		$(".notification .inputBox li label").bind("click",function(){
			if($(this).find("input[type=checkbox]").prop("checked")){
				$(this).next().removeAttr("disabled").removeClass("disable")
			}else{
				$(this).next().attr("disabled","disabled").addClass("disable");
			}
		})
	})
</script>
{% endput %}